<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/WEB-INF/template/ConhecimentoTemplate.xhtml">
<ui:define name="corpo">
	<style type="text/css">
	.div-tela 
	{
		max-width: auto;
		padding: 10px 10px 10px;
	    margin: 0 auto 20px;
	    background-color: #fff;
	    border: 1px solid #e5e5e5;
	    -webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	        	border-radius: 5px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.colunaEsquerda
	{  
	    text-align: left;
	    width: 30%;  
	}  
	.colunaDireita
	{  
	    text-align: left;
	    width: 70%;
	}
	.pnlMindMap
	{
		max-width: auto;
		height: auto;
	}   
	.mindMap
	{
		max-width: auto;
		height: 450px;
		border: 1px solid black;
	}
	.colunaEsquerdaDetalhe
	{  
	    text-align: left;
	    width: 50%;  
	}  
	.colunaDireitaDetalhe
	{  
	    text-align: left;
	    width: 50%; 
	}
	</style>
<div class="div-tela">
	<p:panel id="pnlVendedor"
			toggleable="false"
			closable="false"
			header="Relatório Por Vendedor">
		<p:outputLabel value="#{managerVendedorBean.mensagemTitulo}" style="font-size:18px;"/>
		<div>
			<BR />
		</div>	
		<p:commandButton id="btnFiltro"
						styleClass="ui-priority-primary"
						actionListener="#{managerVendedorBean.carregarFiltro}"
						update=":frmConhecimento:pnlFiltro"
			        	value="Filtro Dados do Vendedor"/>
			        	
		<p:commandButton id="btnDetalharVendas" 
						value="Detalhar Vendas"
						actionListener="#{managerVendedorBean.carregarDetalhamentoVendas}"
						update=":frmConhecimento:pnlDetalheDadosGeral" 
						styleClass="ui-priority-primary"/>
		
		<p:commandButton id="btnDetalharAtendimentos" 
						value="Detalhar Atendimentos"
						actionListener="#{managerVendedorBean.carregarAtendimentos}"
						update=":frmConhecimento:pnlAtendimentosGeral" 
						styleClass="ui-priority-primary"/>
						
		<p:commandButton id="btnDetalharVendasTrimestre" 
						value="Detalhar Trimestre"
						actionListener="#{managerVendedorBean.carregarVendasTrimestre}"
						update=":frmConhecimento:pnlVendasTrimestre" 
						styleClass="ui-priority-primary"/>
		
		<p:commandButton id="btnSair" 
						value="Sair"
						actionListener="#{managerVendedorBean.sair}" 
						styleClass="ui-priority-primary"/>
		<div>
			<BR />
		</div>
		<p:dataTable id="tblClienteDados"
					var="clienteDados"
					value="#{managerVendedorBean.listaClienteDados}"
					emptyMessage="Não há Dados Para Exibição."
					scrollable="true"
					scrollHeight="370">
				
			<p:column filterBy="#{clienteDados.clienteVo.id}" filterMatchMode="contains" filterStyle="width:100%" width="10%">
				<h:outputText value="#{clienteDados.clienteVo.id}" />
			</p:column>
			
			<p:column filterBy="#{clienteDados.clienteVo.razao}" filterMatchMode="contains" filterStyle="width:100%" width="30%">
				<h:outputText value="#{clienteDados.clienteVo.razao}" />
			</p:column>
			
			<p:column headerText="Data Cadastro" width="10%">
				<h:outputText value="#{clienteDados.clienteVo.dataCadastro}">
					<f:convertDateTime pattern="dd/MM/yyyy"/>
				</h:outputText>
			</p:column>
			
			<p:column headerText="R" width="5%">
				<h:outputText value="#{clienteDados.ranking}" />
			</p:column>
			
			<p:column headerText="Cl" style="background-color:#{clienteDados.corClassificacao};" width="5%">
				<h:outputText value="#{clienteDados.classificacao}" style="color:#FFFFFF;"/>
			</p:column>
			        		
			<p:column headerText="#{managerVendedorBean.mesBase}" width="10%">
				<h:outputText value="#{clienteDados.valorCompraTotal}">
					<f:convertNumber currencySymbol="R$" type="currency"/> 
				</h:outputText>
			</p:column>
			
			<p:column headerText="#{managerVendedorBean.mesBaseAnterior1}" width="10%">
				<h:outputText value="#{clienteDados.valorMesHum}">
					<f:convertNumber currencySymbol="R$" type="currency"/> 
				</h:outputText>
			</p:column>
			
			<p:column headerText="#{managerVendedorBean.mesBaseAnterior2}" width="10%">
				<h:outputText value="#{clienteDados.valorMesDois}">
					<f:convertNumber currencySymbol="R$" type="currency"/> 
				</h:outputText>
			</p:column>
			
			<p:column width="15%">
				<p:splitButton value="Atendimentos" 
							actionListener="#{managerVendedorBean.carregarDetalhesAtendimentos(clienteDados)}" 
							update=":frmConhecimento:pnlDetalheAt">
					<p:menuitem value="Todos Atendimentos"
								actionListener="#{managerVendedorBean.carregarDetalhesAtendimentosPeriodo(clienteDados)}" 
								update=":frmConhecimento:pnlDetalheAtPer"/>
					<p:menuitem value="Comparativo entre Mêses"
		        				update=":frmConhecimento:pnlComparativoMeses"
				        		actionListener="#{managerVendedorBean.carregarDadosComparativos(clienteDados)}"/>
					<p:menuitem value="Observações"
								actionListener="#{managerVendedorBean.carregarObservacao(clienteDados)}" 
								update=":frmConhecimento:pnlObservacao"/>
				</p:splitButton>
			</p:column>
			
		</p:dataTable>
		
	</p:panel>
</div>	
</ui:define>
<ui:define name="modal">
	<p:dialog widgetVar="diagFiltro" 
			header="Filtro Dados Vendas"
			modal="true"
			resizable="false"
			width="400"
			position="top">
			<p:panelGrid id="pnlFiltro" 
				columns="2" columnClasses="colunaEsquerda, colunaDireita" style="width:100%; border:none;" >
				<h:outputLabel for="somMes" value="Mês:" />
					<p:selectOneMenu id="somMes" 
									value="#{managerVendedorBean.clienteDadosVo.mesCompetencia}" 
									style="width:100%;">
						<f:selectItem itemLabel="Janeiro" itemValue="0"/>
						<f:selectItem itemLabel="Fevereiro" itemValue="1"/>
						<f:selectItem itemLabel="Março" itemValue="2"/>
						<f:selectItem itemLabel="Abril" itemValue="3"/>
						<f:selectItem itemLabel="Maio" itemValue="4"/>
						<f:selectItem itemLabel="Junho" itemValue="5"/>
						<f:selectItem itemLabel="Julho" itemValue="6"/>
						<f:selectItem itemLabel="Agosto" itemValue="7"/>
						<f:selectItem itemLabel="Setembro" itemValue="8"/>
						<f:selectItem itemLabel="Outubro" itemValue="9"/>
						<f:selectItem itemLabel="Novembro" itemValue="10"/>
						<f:selectItem itemLabel="Dezembro" itemValue="11"/>
					</p:selectOneMenu>
				<h:outputLabel for="somAno" value="Ano:"/>
					<p:selectOneMenu id="somAno" value="#{managerVendedorBean.clienteDadosVo.anoCompetencia}" style="width:100%;">
						<f:selectItem itemLabel="2014" itemValue="2014"/>
						<f:selectItem itemLabel="2015" itemValue="2015"/>
						<f:selectItem itemLabel="2016" itemValue="2016"/>
					</p:selectOneMenu>
				<h:outputLabel for="somVendedor" value="Vendedor:"/>
					<p:selectOneMenu id="somVendedor" 
		            					value="#{managerVendedorBean.clienteDadosVo.funcionarioVo.id}" 
		             					style="width:100%;">
			             	<f:selectItems var="vendedor" 
			             				value="#{managerVendedorBean.listaFuncionario}" 
			             				itemLabel="#{vendedor.nome}" 
			             				itemValue="#{vendedor.id}"/>
		             </p:selectOneMenu>
			</p:panelGrid>
			
		<div>
			<BR />
		</div>
		
		<p:commandButton id="btnFiltrar"
					actionListener="#{managerVendedorBean.carregarDadosVendedor}"
					update="frmConhecimento:pnlVendedor"
					styleClass="ui-priority-primary"
					value="Filtrar"/>	
	</p:dialog>
	<p:dialog widgetVar="diagObservacao" 
			header="Observações do Cliente"
			modal="true"
			resizable="false"
			width="950"
			position="top">
			<p:panel id="pnlObservacao">
				<p:outputLabel value="#{managerVendedorBean.mensagemTitulo}" style="font-size:18px;"/>
			<p:panelGrid columns="2" 
				columnClasses="colunaEsquerda, colunaDireita" 
				style="width:100%; border:none; font-size:11px;">
				
				<h:outputLabel value="Cliente" for="txtCliente"/>
					<h:outputText id="txtCliente" 
								value="#{managerVendedorBean.clienteDadosVo.clienteVo.razao}"/>
								
				<h:outputLabel value="Valor Total Devido" for="txtClienteValorDevido"/>
					<h:outputText id="txtClienteValorDevido" 
								value="#{managerVendedorBean.clienteDadosVo.clienteDadosFinanceiroVo.valorTotal}">
						<f:convertNumber currencySymbol="R$" type="currency"/>
					</h:outputText>
				
				<h:outputLabel value="Observação Informativa" for="txtObservacaoInformativa"/>
					<p:inputTextarea id="txtObservacaoInformativa"
									rows="5"
									readonly="true"
									scrollHeight="150"
									autoResize="false"
									style="width:100%"
									value="#{managerVendedorBean.clienteDadosVo.clienteVo.observacaoInformativa}"/>
									
				<h:outputLabel value="Observação Restritiva" for="txtObservacaoRestritiva"/>
					<p:inputTextarea id="txtObservacaoRestritiva"
									rows="5"
									readonly="true"
									scrollHeight="150"
									autoResize="false"
									style="width:100%"
									value="#{managerVendedorBean.clienteDadosVo.clienteVo.observacaoRestritiva}"/>
				
				
			</p:panelGrid>
		</p:panel>
		<div>
			<BR />
		</div>
		
		<p:commandButton id="btnFecharObservacao"
					update=":frmConhecimento:pnlDetalheAt" 
					styleClass="ui-priority-primary"
					value="Fechar" 
					actionListener="#{managerVendedorBean.fecharModalObservacao}"/>
	</p:dialog>
	<p:dialog widgetVar="diagDetalheAt" 
			header="Detalhe Geral dos Atendimentos"
			modal="true"
			resizable="false"
			width="1000"
			position="top"
			closable="false">
			<p:panel id="pnlDetalheAt" style="font-size:11px;">
				<div>
					<p:outputLabel value="#{managerVendedorBean.mensagemTitulo}" style="font-size:18px;"/>
				</div>
				<div>
					<h:outputText value="Cliente: #{managerVendedorBean.clienteDadosVo.clienteVo.razao}" style="font-size:13px;"/>
				</div>
				<div>
					<BR />
				</div>
				<p:dataTable id="tblDetalheAt" 
							var="atendimentoCliente" 
							value="#{managerVendedorBean.clienteDadosVo.listaAtendimentos}"
							scrollable="true"
							scrollHeight="200"
							emptyMessage="Sem Dados para Exibição">
							
					<p:column style="width:5%;background-color:#FFFFFF;">
	            		<p:rowToggler />
	        		</p:column>		
			        
			        <p:column headerText="Atendimento" width="25%">
			            <h:outputText value="#{atendimentoCliente.agendaTipoAtendimentoVo.descricao}" />
			        </p:column>
			        
			       	<p:column headerText="Contato" width="25%">
			            <h:outputText value="#{atendimentoCliente.agendaTipoContatoVo.descricao}" />
			        </p:column>
			        
			        <p:column headerText="Qtd Atendimento" width="25%">
			            <h:outputText value="#{atendimentoCliente.quantidadeAtendimento}" />
			        </p:column>
			        
			        <p:column headerText="Tempo Atendimento" width="25%">
						<h:outputText value="#{atendimentoCliente.tempoAtendimento}" />
					</p:column>
			        
			        <p:rowExpansion>
	            		<p:dataTable id="tblDetalhamentoAt" 
									var="atendimentoClienteDetalhe" 
									value="#{atendimentoCliente.listaAtendimentos}"
									paginator="true"
									rows="5"
									emptyMessage="Sem Dados para Exibição">
									
							<p:column headerText="Nome Usuário" width="20%">
					            <h:outputText value="#{atendimentoClienteDetalhe.agendaClienteVo.agendaVo.usuarioVo.nomeCompleto}" />
			        		</p:column>
			        		
			        		<p:column headerText="Data" width="10%">
					            <h:outputText value="#{atendimentoClienteDetalhe.agendaClienteVo.agendaVo.dataAgenda}">
					            	<f:convertDateTime pattern="dd/MM/yyyy"/>
					            </h:outputText>
			        		</p:column>
							
							<p:column headerText="H Inicial" width="10%">
								<h:outputText value="#{atendimentoClienteDetalhe.horaAtendimento}">
									<f:convertDateTime pattern="HH:mm"/>
								</h:outputText>
							</p:column>
							
							<p:column headerText="H Final" width="10%">
								<h:outputText value="#{atendimentoClienteDetalhe.horaEncerramento}">
									<f:convertDateTime pattern="HH:mm"/>
								</h:outputText>
							</p:column>
							
							<p:column headerText="Atendimento" width="50%">
					            <h:outputText value="#{atendimentoClienteDetalhe.descricaoAtendimento}" />
			        		</p:column>
			        		
						</p:dataTable>
	        		</p:rowExpansion>
			        
	    		</p:dataTable>
			</p:panel>
			
			<div>
			<BR />
		</div>
		<p:commandButton id="btnFecharDetalhe"
					update=":frmConhecimento:pnlDetalheAt" 
					styleClass="ui-priority-primary"
					value="Fechar" 
					actionListener="#{managerVendedorBean.fecharModalDetalhe}"/>	
			
	</p:dialog>
	<p:dialog widgetVar="diagDetalheAtPer" 
			header="Detalhe Geral dos Atendimentos por Período"
			modal="true"
			resizable="false"
			width="1000"
			position="top"
			closable="false">
			<p:panel id="pnlDetalheAtPer" style="font-size:11px;">
			<div>
				<p:outputLabel value="#{managerVendedorBean.mensagemTitulo}" style="font-size:18px;"/>
			</div>
			<div>
				<p:outputLabel value="Cliente: #{managerVendedorBean.clienteDadosComparativo.clienteVo.razao}" style="font-size:13px;"/>
			</div>
				<p:dataTable id="tblDetalheAtPer" 
							var="atendimentoClientePer" 
							value="#{managerVendedorBean.clienteDadosVo.listaAtendimentosPeriodo}"
							scrollable="true"
							scrollHeight="200"
							emptyMessage="Sem Dados para Exibição">
							
					<p:column style="width:5%;background-color:#FFFFFF;">
	            		<p:rowToggler />
	        		</p:column>		
			        
			        <p:column headerText="Atendimento" width="25%">
			            <h:outputText value="#{atendimentoClientePer.agendaTipoAtendimentoVo.descricao}" />
			        </p:column>
			        
			       	<p:column headerText="Contato" width="25%">
			            <h:outputText value="#{atendimentoClientePer.agendaTipoContatoVo.descricao}" />
			        </p:column>
			        
			        <p:column headerText="Qtd Atendimento" width="25%">
			            <h:outputText value="#{atendimentoClientePer.quantidadeAtendimento}" />
			        </p:column>
			        
			        <p:column headerText="Tempo Atendimento" width="25%">
						<h:outputText value="#{atendimentoClientePer.tempoAtendimento}" />
					</p:column>
			        
			        <p:rowExpansion>
	            		<p:dataTable id="tblDetalhamentoAtPer" 
									var="atendimentoClienteDetalhePer" 
									value="#{atendimentoClientePer.listaAtendimentos}"
									paginator="true"
									rows="5"
									emptyMessage="Sem Dados para Exibição">
									
							<p:column headerText="Nome Usuário" width="20%">
					            <h:outputText value="#{atendimentoClienteDetalhePer.agendaClienteVo.agendaVo.usuarioVo.nomeCompleto}" />
			        		</p:column>
			        		
			        		<p:column headerText="Data" width="10%">
					            <h:outputText value="#{atendimentoClienteDetalhePer.agendaClienteVo.agendaVo.dataAgenda}">
					            	<f:convertDateTime pattern="dd/MM/yyyy"/>
					            </h:outputText>
			        		</p:column>
							
							<p:column headerText="H Inicial" width="10%">
								<h:outputText value="#{atendimentoClienteDetalhePer.horaAtendimento}">
									<f:convertDateTime pattern="HH:mm"/>
								</h:outputText>
							</p:column>
							
							<p:column headerText="H Final" width="10%">
								<h:outputText value="#{atendimentoClienteDetalhePer.horaEncerramento}">
									<f:convertDateTime pattern="HH:mm"/>
								</h:outputText>
							</p:column>
							
							<p:column headerText="Atendimento" width="50%">
					            <h:outputText value="#{atendimentoClienteDetalhePer.descricaoAtendimento}" />
			        		</p:column>
			        		
						</p:dataTable>
	        		</p:rowExpansion>
			        
	    		</p:dataTable>
			</p:panel>
		<div>
			<BR />
		</div>
		<p:commandButton id="btnFecharDetalhePer"
					update=":frmConhecimento:pnlDetalheAtPer" 
					styleClass="ui-priority-primary"
					value="Fechar" 
					actionListener="#{managerVendedorBean.fecharModalDetalhePeriodo}"/>	
			
	</p:dialog>
	<p:dialog widgetVar="diagDetalheAtendimento" 
			header="Detalhe Geral dos Atendimentos"
			modal="true"
			resizable="false"
			width="950"
			position="top"
			closable="false">
			<p:panel id="pnlDetalheAtendimento" style="font-size:12px;">
			<div>
				<p:outputLabel value="#{managerVendedorBean.mensagemTitulo}" style="font-size:18px;"/>
			</div>
			<div>
				<p:outputLabel value="Cliente: #{managerVendedorBean.clienteDadosComparativo.clienteVo.razao}" style="font-size:13px;"/>
			</div>
				<p:dataTable id="tblDetalheAtendimento" 
							var="atendimentoCliente" 
							value="#{managerVendedorBean.listaAtendinentosClientes}"
							paginator="true"
							rows="10"
							emptyMessage="Sem Dados para Exibição">
							
					<p:column style="width:5%;background-color:#FFFFFF;">
	            		<p:rowToggler />
	        		</p:column>		
			        
			        <p:column headerText="Atendimento" width="25%">
			            <h:outputText value="#{atendimentoCliente.agendaTipoAtendimentoVo.descricao}" />
			        </p:column>
			        
			       	<p:column headerText="Tipo Contato" width="25%">
			            <h:outputText value="#{atendimentoCliente.agendaTipoContatoVo.descricao}" />
			        </p:column>
			        
			        <p:column headerText="Qtd Atendimento" width="25%">
			            <h:outputText value="#{atendimentoCliente.quantidadeAtendimento}" />
			        </p:column>
			        
			        <p:column headerText="Tempo Atendimento" width="25%">
						<h:outputText value="#{atendimentoCliente.tempoAtendimento}" />
					</p:column>
			        
			        <p:rowExpansion>
	            		<p:dataTable id="tblDetalhamentoAt" 
									var="atendimentoClienteDetalhe" 
									value="#{atendimentoCliente.listaAtendimentos}"
									scrollable="true"
									scrollWidth="auto"
									scrollHeight="300"
									emptyMessage="Sem Dados para Exibição">
									
							<p:column headerText="Nome Usuário" width="auto">
					            <h:outputText value="#{atendimentoClienteDetalhe.agendaClienteVo.agendaVo.usuarioVo.nomeCompleto}" />
			        		</p:column>
			        		
			        		<p:column headerText="Data" width="auto">
					            <h:outputText value="#{atendimentoClienteDetalhe.agendaClienteVo.agendaVo.dataAgenda}">
					            	<f:convertDateTime pattern="dd/MM/yyyy"/>
					            </h:outputText>
			        		</p:column>
			        		
			        		<p:column headerText="Atendimento" width="auto">
					            <h:outputText value="#{atendimentoClienteDetalhe.descricaoAtendimento}" />
			        		</p:column>
							
							<p:column headerText="H Inicial" width="auto">
								<h:outputText value="#{atendimentoClienteDetalhe.horaAtendimento}">
									<f:convertDateTime pattern="HH:mm"/>
								</h:outputText>
							</p:column>
							
							<p:column headerText="H Final" width="auto">
								<h:outputText value="#{atendimentoClienteDetalhe.horaEncerramento}">
									<f:convertDateTime pattern="HH:mm"/>
								</h:outputText>
							</p:column>
			        		
						</p:dataTable>
	        		</p:rowExpansion>
			        
	    		</p:dataTable>
			</p:panel>
			
			<div>
			<BR />
		</div>
		<p:commandButton id="btnFechar"
					update=":frmConhecimento:pnlDetalheAt" 
					styleClass="ui-priority-primary"
					value="Fechar" 
					actionListener="#{managerVendedorBean.fecharModalAtendimentoDetalhe}"/>
	</p:dialog>
	<p:dialog id="modalDetalheDadosGeral"
			widgetVar="diagDetalheDadosGeral" 
			header="Detalhes de Vendas"
			modal="true"
			resizable="false"
			width="800"
			position="top">
		<p:panel id="pnlDetalheDadosGeral">
			<p:outputLabel value="#{managerVendedorBean.mensagemTitulo}" style="font-size:18px;"/>
			<p:panelGrid columns="2" columnClasses="colunaEsquerdaDetalhe, colunaDireitaDetalhe" style="width:100%; border:none;" >
				<p:outputLabel value="Quantidade Clientes Curva A" for="txtQtdClienteCurvaA"/>
				<h:outputText id="txtQtdClienteCurvaA" value="#{managerVendedorBean.clienteDadosGeralVo.qtdClienteCurvaA}"/>
				<p:outputLabel value="Valor Total Curva A" for="txtVlrTotalCurvaA"/>
				<h:outputText id="txtVlrTotalCurvaA" value="#{managerVendedorBean.clienteDadosGeralVo.qtdValorCurvaA}">
					<f:convertNumber currencySymbol="R$" type="currency"/> 
				</h:outputText>
				<p:outputLabel value="Correspondente a 100% - (Curva A)" for="txtPercentualCorrespondenteA"/>
				<h:outputText id="txtPercentualCorrespondenteA" value="#{managerVendedorBean.clienteDadosGeralVo.percentualCurvaA}%"/>
				
				<p:outputLabel value="Quantidade Clientes Curva B" for="txtQtdClienteCurvaB"/>
				<h:outputText id="txtQtdClienteCurvaB" value="#{managerVendedorBean.clienteDadosGeralVo.qtdClienteCurvaB}"/>
				<p:outputLabel value="Valor Total Curva B" for="txtVlrTotalCurvaB"/>
				<h:outputText id="txtVlrTotalCurvaB" value="#{managerVendedorBean.clienteDadosGeralVo.qtdValorCurvaB}">
					<f:convertNumber currencySymbol="R$" type="currency"/> 
				</h:outputText>
				<p:outputLabel value="Correspondente a 100% - (Curva B)" for="txtPercentualCorrespondenteB"/>
				<h:outputText id="txtPercentualCorrespondenteB" value="#{managerVendedorBean.clienteDadosGeralVo.percentualCurvaB}%"/>
				
				<p:outputLabel value="Quantidade Clientes Curva C" for="txtQtdClienteCurvaC"/>
				<h:outputText id="txtQtdClienteCurvaC" value="#{managerVendedorBean.clienteDadosGeralVo.qtdClienteCurvaC}"/>
				<p:outputLabel value="Valor Total Curva C" for="txtVlrTotalCurvaC"/>
				<h:outputText id="txtVlrTotalCurvaC" value="#{managerVendedorBean.clienteDadosGeralVo.qtdValorCurvaC}">
					<f:convertNumber currencySymbol="R$" type="currency"/> 
				</h:outputText>
				<p:outputLabel value="Correspondente a 100% - (Curva C)" for="txtPercentualCorrespondenteC"/>
				<h:outputText id="txtPercentualCorrespondenteC" value="#{managerVendedorBean.clienteDadosGeralVo.percentualCurvaC}%"/>
				
				<p:outputLabel value="Quantidade Clientes Curva D" for="txtQtdClienteCurvaD"/>
				<h:outputText id="txtQtdClienteCurvaD" value="#{managerVendedorBean.clienteDadosGeralVo.qtdClienteCurvaD}"/>
				<p:outputLabel value="Correspondente a 100% - (Curva D)" for="txtPercentualCorrespondenteD"/>
				<h:outputText id="txtPercentualCorrespondenteD" value="#{managerVendedorBean.clienteDadosGeralVo.percentualCurvaD}%"/>
				
				<p:outputLabel value="Quantidade Total Clientes" for="txtQtdTotalClientes"/>
				<h:outputText id="txtQtdTotalClientes" value="#{managerVendedorBean.clienteDadosGeralVo.qtdTotalCliente}"/>
				<p:outputLabel value="Valor Total Vendas" for="txtVlrTotalVendas"/>
				<h:outputText id="txtVlrTotalVendas" value="#{managerVendedorBean.clienteDadosGeralVo.qtdVendaGeral}">
					<f:convertNumber currencySymbol="R$" type="currency"/> 
				</h:outputText>
			</p:panelGrid>
		</p:panel>
	</p:dialog>
	<p:dialog id="modalAtendimentoGeral"
			widgetVar="diagAtendimentoGeral" 
			header="Detalhe dos Atendimentos"
			modal="true"
			resizable="false"
			width="800"
			position="top">
		<p:panel id="pnlAtendimentosGeral">
			<p:accordionPanel value="#{managerVendedorBean.listaTipoAtendimentoGeral}" var="atendimentos">
				<p:tab title="#{atendimentos.agendaTipoAtendimentoVo.descricao} - #{atendimentos.agendaTipoContatoVo.descricao}: Quantidade de #{atendimentos.quantidadeAtendimento} com Duração de #{atendimentos.tempoAtendimento}">
				</p:tab>
			</p:accordionPanel>	
	
			
		</p:panel>
	</p:dialog>
	<p:dialog id="modalComparativoMeses"
			widgetVar="diagComparativoMeses" 
			header="Comparativo entre Mêses"
			modal="true"
			resizable="false"
			width="800"
			position="top">
		<p:panel id="pnlComparativoMeses">
			<div>
				<p:outputLabel value="#{managerVendedorBean.mensagemTitulo}" style="font-size:18px;"/>
			</div>
			<div>
				<p:outputLabel value="Cliente: #{managerVendedorBean.clienteDadosComparativo.clienteVo.razao}" style="font-size:13px;"/>
			</div>
			<p:panel header="#{managerVendedorBean.mesBase}" style="font-size:12px;background-color:#{managerVendedorBean.clienteDadosComparativo.corClassificacao};">
				<div>
					<h:outputLabel value="Ranking: " for="txtRankingMesBase" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtRankingMesBase" value="#{managerVendedorBean.clienteDadosComparativo.ranking}" style="color:#FFFFFF;"/>
				</div>
				<div>
					<h:outputLabel value="Classificação: " for="txtClassificacaoMesBase" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtClassificacaoMesBase" value="#{managerVendedorBean.clienteDadosComparativo.classificacao}" style="color:#FFFFFF;"/>
				</div>
				<div>
					<h:outputLabel value="Valor Total: " for="txtValorTotalMesBase" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtValorTotalMesBase" value="#{managerVendedorBean.clienteDadosComparativo.valorCompraTotal}" style="color:#FFFFFF;">
						<f:convertNumber currencySymbol="R$" type="currency"/> 
					</h:outputText>
				</div>
			</p:panel>
			
			<p:panel header="#{managerVendedorBean.mesBaseAnterior1}" style="font-size:12px;background-color:#{managerVendedorBean.clienteDadosComparativo.corClassificacaoMesHum};">
				<div>
					<p:outputLabel value="Ranking:" for="txtRankingMesHum" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtRankingMesHum" value="#{managerVendedorBean.clienteDadosComparativo.rankingMesHum}" style="color:#FFFFFF;"/>
				</div>
				<div>
					<p:outputLabel value="Classificação:" for="txtClassificacaoMesHum" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtClassificacaoMesHum" value="#{managerVendedorBean.clienteDadosComparativo.classificacaoMesHum}" style="color:#FFFFFF;"/>
				</div>
				<div>
					<p:outputLabel value="Valor Total:" for="txtValorTotalMesHum" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtValorTotalMesHum" value="#{managerVendedorBean.clienteDadosComparativo.valorMesHum}" style="color:#FFFFFF;">
						<f:convertNumber currencySymbol="R$" type="currency"/> 
					</h:outputText>
				</div>
			</p:panel>
			<p:panel header="#{managerVendedorBean.mesBaseAnterior2}" style="font-size:12px;background-color:#{managerVendedorBean.clienteDadosComparativo.corClassificacaoMesDois};">
				<div>
					<p:outputLabel value="Ranking:" for="txtRankingMesDois" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtRankingMesDois" value="#{managerVendedorBean.clienteDadosComparativo.rankingMesDois}" style="color:#FFFFFF;"/>
				</div>
				<div>
					<p:outputLabel value="Classificação:" for="txtClassificacaoMesDois" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtClassificacaoMesDois" value="#{managerVendedorBean.clienteDadosComparativo.classificacaoMesDois}" style="color:#FFFFFF;"/>
				</div>
				<div>
					<p:outputLabel value="Valor Total:" for="txtValorTotalMesDois" style="color:#FFFFFF;"/>
					<h:outputText value="  "/>
					<h:outputText id="txtValorTotalMesDois" value="#{managerVendedorBean.clienteDadosComparativo.valorMesDois}" style="color:#FFFFFF;">
						<f:convertNumber currencySymbol="R$" type="currency"/> 
					</h:outputText>
				</div>
			</p:panel>
		</p:panel>
	</p:dialog>
	<p:dialog id="modalVendasTrimestre"
			widgetVar="diagVendasTrimestre" 
			header="Vendas Trimestre"
			modal="true"
			resizable="false"
			width="1020"
			position="top">
		<p:panel id="pnlVendasTrimestre">
			<div>
				<p:outputLabel value="#{managerVendedorBean.mensagemTitulo}" style="font-size:18px;"/>
			</div>
			<p:dataTable id="tblClienteDadosTrimestre"
					var="clienteDadosTrimestre"
					value="#{managerVendedorBean.listaClienteDadosTrimestre}"
					emptyMessage="Não há Dados Para Exibição."
					scrollable="true"
					scrollHeight="370"
					style="font-size:11px;">
				
			<p:column filterBy="#{clienteDadosTrimestre.clienteVo.id}" filterMatchMode="contains" filterStyle="width:100%" width="10%">
				<h:outputText value="#{clienteDadosTrimestre.clienteVo.id}" />
			</p:column>
			
			<p:column filterBy="#{clienteDadosTrimestre.clienteVo.razao}" filterMatchMode="contains" filterStyle="width:100%" width="60%">
				<h:outputText value="#{clienteDadosTrimestre.clienteVo.razao}" />
			</p:column>
			
			<p:column headerText="Data Cadastro" width="10%">
				<h:outputText value="#{clienteDadosTrimestre.clienteVo.dataCadastro}">
					<f:convertDateTime pattern="dd/MM/yyyy"/>
				</h:outputText>
			</p:column>
			
			<p:column headerText="R" width="5%">
				<h:outputText value="#{clienteDadosTrimestre.ranking}" />
			</p:column>
			
			<p:column headerText="Cl" style="background-color:#{clienteDadosTrimestre.corClassificacao};" width="5%">
				<h:outputText value="#{clienteDadosTrimestre.classificacao}" style="color:#FFFFFF;"/>
			</p:column>
			        		
			<p:column headerText="Trimestre" width="10%">
				<h:outputText value="#{clienteDadosTrimestre.valorCompraTotal}">
					<f:convertNumber currencySymbol="R$" type="currency"/> 
				</h:outputText>
			</p:column>
		</p:dataTable>
		</p:panel>
	</p:dialog>
</ui:define>
</ui:composition>
</html>